<template>
	<view class="consult-page" :style="{backgroundImage:'url(' + currentBg + ')'}" :class="{'consult-page-b':!isA}">
		<view class="user-info flex-between">
			<view class="flex-vc">
				<image :src="getUserInfo.avatar" class="head-img" mode=""></image>
				<view>
					<view class="name">{{getUserInfo.nickName}}</view>
					<!-- <view class="company">公司公司</view> -->
				</view>
			</view>
			<view class="yyxz flex-cc" @click="showXieYi = true">
				<view>咨询协议</view>
			</view>
		</view>
		<view class="status-contents">
			<view class="title" style="height: 88px;">
				<text>我的权益</text>
				<image @click="backHandle" class="back-icon" src="/static/images/blackBack.png"></image>
			</view>
		</view>

		<view v-if="cardList.length>0" class="cards-wrapper">

			<accountCard @click="toEquityDetailsPage(card)" :info="card" v-for="(card,index) in cardList"
				:key="index" />

			<view class="eshop-consult-tip-wrapper" v-if="!isShowEconsultBlock">
				<view class="text-wrapper">
					<view class="text">若您是首次下单</view>
					<view class="text">我们的咨询顾问会在15分钟内主动联系您</view>
					<view class="text">并安排后续咨询服务</view>
					<view class="gap"></view>
					<view class="text">凌晨时段下单（晚23：00-次日9：00）</view>
					<view class="text">须待次日9点后安排咨询</view>
				</view>
				<view class="btn-wrapper" @click="$refs.contactOursPop.showPopup()">
					<view class="img-box">
						<image class="img" :src="staticImgs.serviceIcon" mode=""></image>
					</view>
					<view class="text">联系咨询助理</view>
				</view>
			</view>

		</view>
		<view v-else>
			<view class="card-empty-block" v-if="isLoadFlag">
				<view class="empty-block">
					<image v-if="isA" class="empty-icon" src="/static/images/account/empty.png" mode="aspectFill"></image>
					<image v-else class="empty-icon" src="/static/images/account/empty-b.png" mode="aspectFill"></image>
					<view class="empty-text">暂无权益</view>
			
				</view>
				<view class="empty-btns">
					<!-- <view class="btn-1 flex-cc" @click="toGetAccount">
						<view>获取更多福利</view>
					</view> -->
					<image v-if="!isA" :src="staticImgs.startSclBtn" class="btn-3" @click="toSclList" />
					<view class="btn-2" @click="$refs.contactOursPop.showPopup()">联系客服</view>
					<view class="code-btn-wrapper">
						<view class="btn-w" @click="toCodesPage">输入兑换码</view>
						<view class="tip-text">电商用户可输入兑换码领取权益</view>
					</view>
			
					<!-- 开始测评 -->
				</view>
			</view>
		</view>


		<view class="modal-list">

		</view>
		<!-- <show-equity-pop v-if="showQrCodeFlag" :popType="popType" @hide="hideEquity"></show-equity-pop> -->
		<!-- <contactOursPop ref="contactOursPop" /> -->
		<conselor-xieyi v-if="showXieYi" @hide="hide"></conselor-xieyi>

		<contactOursPop ref="contactOursPop" />
		<u-popup :show="eshopTipModalVisible" mode="center" @close="closeEshopTipModalHandle" bgColor="transparent">
			<view class="eshop-tip-modal">
				<view class="modal-main-wrapper">
					<view class="tit-box">温馨提示</view>
					<view class="text-wrapper">
						<view class="text">请稍候片刻</view>
						<view class="text">我们的咨询顾问会在15分钟内主动联系您</view>
						<view class="text">并安排后续咨询服务</view>
						<view class="gap"></view>
						<view class="text">凌晨时段下单（晚23：00-次日9：00）</view>
						<view class="text">须待次日9点后安排咨询</view>
					</view>
					<view class="btn-wrapper" @click="closeEshopTipModalHandle">
						稍后片刻
					</view>
				</view>
				<view class="close-icon" @click="closeEshopTipModalHandle">
					<u-icon name="close-circle" color="#fff" size="28"></u-icon>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import contactOursPop from '@/components/contactOursPop/contactOursPop.vue'
	import accountCard from '@/components/account-card.vue'
	// import cardModal from '@/components/card-modal.vue'
	import {
		mapGetters
	} from 'vuex'
	import {
		getUserEquity
	} from '@/common/api/user_api.js'
	import {
		toQueryString
	} from '@/common/utils/util.js'
	import {
		mapState
	} from 'vuex'
// import { data } from '../../uni_modules/uview-ui/libs/mixin/mixin'
	// import { KF_LINK,PUBLiC_ACCOUNT_LINK } from '@/common/utils/config.js'

	export default {
		components: {
			contactOursPop,
			accountCard
		},
		data() {
			return {
				showQrCodeFlag: false,
				popType: '', //scl   conselor  测评还是咨询
				equity_top_img: this.imgBaseURL + '/equity/equity_top_img.png',
				showXieYi: false,
				avatar: '',
				cardList: [],
				cardInfo: {
					cardBackImg: '',
					cardFrontImg: ''
				},
				cardModalVisible: false,
				eshopTipModalVisible: false,
				isLoadFlag:false,
				staticImgs: {
					pageBg: this.imgBaseURL + '/scl_equity_page_bg_b.png',
					startSclBtn: this.imgBaseURL + '/scl/scl_equity_btn_b.png',
					exchangesGoodsBg: this.imgBaseURL + '/codes-manage/code-redemption-block-bg.png',
					tipHand: this.imgBaseURL + '/codes-manage/scl-block-tip-hand.png',
					serviceIcon: this.imgBaseURL + '/consult/service-icon.png'
				}
			}
		},
		computed: {
			...mapState({
				currentGroup: state => state.user.currentGroup,
				isShowEconsultBlock: state => state.user.isShowEconsultBlock
			}),
			isA() {
				return this.currentGroup == 'A'
			},
			currentBg() {
				return this.isA ? this.equity_top_img : this.staticImgs.pageBg
			}
			// ...mapState({
			//   isAuth:state=>state.user.isAuth,
			//   appMode:state=>state.app.mode,
			//   userInfo:state=>state.user.userInfo,
			//   userId:state => state.app.userId,
			//   dataId:state => state.app.dataId,
			//   isSkipVerify: state=> state.app.isSkipVerify,
			//   commonId: state=>state.app.commonId,
			//   qrCodeInfo: state=>state.app.qrCodeInfo,
			//   workbenchUserId: state=>state.app.workbenchUserId
			// })
		},
		watch: {
			isAuth: {
				handler(val) {
					if (!val) {
						// uni.redirectTo({
						// 	url: '/pages/wxLogin/wxLogin'
						// })
					}
				},
				immediate: true
			}
		},
		async onShow() {
			// this.$store.dispatch('user/checkUserIsLogin')
			// debugger
			// console.log(this.$store,'---f')
			await this.fetchEquityList()

		},
		onLoad(opt) {
			if (opt.showEshopTip) {
				setTimeout(() => {
					this.eshopTipModalVisible = true
				}, 500)
			}
			// uni.removeStorageSync('checkupSclId')
			uni.removeStorageSync('hasDoneCheckupScl')
		},
		methods: {
			closeEshopTipModalHandle() {
				this.eshopTipModalVisible = false
			},
			toSclList() {
				// uni.navigateTo({
				// 	url:'/pages/sclList/sclList'
				// })
				uni.reLaunch({
					url: '/pages/sclList/sclList'
				})
			},
			hideEquity() {
				this.showQrCodeFlag = false;
			},
			hide() {
				this.showXieYi = false;
				if (!uni.getStorageSync('equityConselorPop') && this.popType == 'conselor') {
					uni.setStorageSync('equityConselorPop', '1')
					// this.showQrCodeFlag = true;
				}
			},
			async checkRedirect(sclId,reportId) {
				if(this.$fangBaoClick())return
				const res = await this.$u.api.getSclInfo({
					sclId,
					reportId
				})
				res.data.data = res.data.data || {}
				const {
					scloReportDetail,
					detailInfo
				} = res.data.data || {}

				const tmpObj = JSON.parse(detailInfo) || {}
				const scloReportDetailObj = JSON.parse(scloReportDetail) || {}
				if (tmpObj.redirect) {
					return {
						res: true,
						qyRedirectType: tmpObj.qyRedirectType,
						reportRedirect:tmpObj.redirect
					}
				} else if (scloReportDetailObj.reportRedirect) {
					return {
						res: true,
						qyRedirectType: tmpObj.qyRedirectType,
						reportRedirect: scloReportDetailObj.reportRedirect
					}
				} else {
					return {
						res: false
					}
				}
			},
			async toEquityDetailsPage(card) {
				const dData = await this.checkRedirect(card.sclUid,card.sclReportId)
				if (card.sclUid && (card.totalNum - card.usedNum > 0)) {
					let paramObj = {
						sclId: card.sclUid,
						userType: 'e-commerce',
						equityType: '1' //是通过权益进行支付
					}

					this.$u.api.addLog({
						sclId: card.sclUid,
						sourseType: 0
					})

					if (dData.res&&dData.reportRedirect=='checkup-list') {
						uni.redirectTo({
							url: '/subcontractorC/pages/sclCheckup/sclCheckup?sourceType=20&from=qy&sclId=' +
								card.sclUid + '&qyType=' + dData.qyRedirectType
						})
						return false
					}
					
					uni.navigateTo({
						url: '/subcontractorC/pages/sclIntroduce/sclIntroduce?paramObj=' + JSON.stringify(
							paramObj)
					})
				} else if (card.sclReportId) {

					if (dData.res) {
						if (dData.reportRedirect) {
							uni.navigateTo({
								url: '/subcontractorB/pages/sclResult/sclResult?showBackBtn=1&id=' + card
									.sclReportId + '&qyType=' + dData.qyRedirectType + '&reportRedirect=' +
									dData.reportRedirect
							})
						} else {
							uni.navigateTo({
								url: '/subcontractorB/pages/sclResult/sclResult?showBackBtn=1&id=' + card
									.sclReportId + '&qyType=' + dData.qyRedirectType
							})
						}
						return false
					}
					uni.navigateTo({
						url: '/subcontractorB/pages/sclResult/sclResult?id=' + card.sclReportId
					})

				}
			},
			backHandle() {
				const pagesArr = getCurrentPages()
				if (pagesArr.length === 1) {
					uni.reLaunch({
						url: '/pages/sclList/sclList'
					})
				} else {
					uni.navigateBack()
				}
			},
			showCardImgModal() {
				this.$refs.cardModal.open()
			},
			toSubscriptionAccount() {
				window.location = PUBLiC_ACCOUNT_LINK
			},
			toKfLink() {
				window.location = KF_LINK
				uni.navigateTo({
					url: '/subcontractorC/pages/webview/webview?url=' + KF_LINK
				})
			},
			toEditUserInfo() {
				uni.redirectTo({
					url: '/pages/userInfo/editInfo?isAuth=0'
				})
			},
			toCodesPage() {
				uni.navigateTo({
					url: '/subcontractorC/pages/exchangeGoods/exchangeGoods?backPage=true'
				})
			},
			fetchEquityList() {

				return new Promise((resolve, reject) => {
					getUserEquity().then(({
						data: res
					}) => {
						console.log(res, '---ff')
						if (res.success) {
							const tmpData = res.data || []
							const arr = []

							// tmpData.forEach(item => {
							// 	arr.push({
							// 		lastPaymentTime: item
							// 			.createTime, //"1992-04-02 01:38:18",
							// 		equityKey: item.equityKey,
							// 		residueNumber: item.residueNumber,
							// 		usedAmount: item.usedAmount,
							// 		totalAmount: item.totalAmount,
							// 		type: item.type,
							// 		equity: item.equity
							// 	})

							// 	if (item.extraData) {
							// 		item.extraData.map(itemD => {
							// 			arr.push({
							// 				lastPaymentTime: item
							// 					.createTime, //"1992-04-02 01:38:18",
							// 				equityKey: itemD.equityKey,
							// 				residueNumber: itemD.residueNumber,
							// 				usedAmount: itemD.usedAmount,
							// 				totalAmount: itemD.totalAmount,
							// 				type: itemD.type,
							// 				equity: itemD.equity
							// 			})
							// 		})
							// 	}
							// })
							this.cardList = res.data;

							if (this.cardList.length === 1 && this.cardList[0].type == '1') {
								this.cardList[0].showHand = true
							}

							let haveScl, haveConselor;
							this.cardList.map((item, index) => {
								if (item.useType == '1') {
									if (item.totalNum - item.usedNum <= 0) {
										haveScl = '1';
									}
								} else if (item.useType == '0') {
									if (item.totalNum - item.usedNum <= 0) {
										haveConselor = '1';
									}
								}

								if (item.useType == '0') {
									item.useTypeInfo = '节（50分钟/节）'
									if (item.code == 'tt_xianshang') {
										item.useTypeInfo = '节（60分钟/节）'
									}
								} else {
									item.useTypeInfo = '次'

								}
							})
							if (haveConselor) {
								if (!uni.getStorageSync('conselorXieYi')) {
									this.popType = 'conselor'
									this.showXieYi = true;
								}
							} else if (haveScl) {
								if (!uni.getStorageSync('equitySclPop')) {
									this.popType = 'scl'
									uni.setStorageSync('equitySclPop', '1')
									// this.showQrCodeFlag = true;
								}
							}
							// if (haveConselor || haveScl) {
							// 	this.showQrCodeFlag = true;
							// 	uni.setStorageSync('equitySclConselorPop', '1')
							// }
							//两种权益都有弹咨询   两种之一弹对应咨询或测评前往公众号
							// console.log(tmpData,'--tmpData')
							this.isLoadFlag = true;
							resolve()
						}
					})
				})
			},
		},
	}
</script>

<style lang="scss" scoped>
	.eshop-tip-modal {
		.modal-main-wrapper {
			width: 600rpx;
			height: 619rpx;
			background: linear-gradient(180deg, #EFFFF2 0%, #FFFFFF 100%);
			border-radius: 26rpx;
			box-sizing: border-box;
			padding: 50rpx 44rpx;

			.tit-box {
				font-family: PingFangSC, PingFang SC;
				font-weight: 500;
				font-size: 38rpx;
				color: #333333;
				line-height: 53rpx;
				text-align: center;
				font-style: normal;
			}

			.text-wrapper {
				margin-top: 30rpx;
				display: flex;
				align-items: center;
				flex-direction: column;
				justify-content: center;

				.text {
					font-family: PingFang-SC, PingFang-SC;
					// font-weight: 500;
					font-size: 28rpx;
					color: #333333;
					line-height: 48rpx;
					text-align: center;
					font-style: normal;
				}

				.gap {
					height: 30rpx;
				}
			}

			.btn-wrapper {
				width: 350rpx;
				height: 76rpx;
				background: #58B938;
				border-radius: 38rpx;
				margin: auto;
				margin-top: 70rpx;


				font-family: PingFang-SC, PingFang-SC;
				// font-weight: 500;
				font-size: 36rpx;
				color: #FFFFFF;
				line-height: 76rpx;
				text-align: center;
				font-style: normal;
			}

		}

		.close-icon {
			text-align: center;
			margin-top: 54rpx;
			display: flex;
			justify-content: center;
		}

	}


	.exchange-goods-entry {
		background-size: cover;
		background-position: center;

		height: 200rpx;
		width: 664rpx;
		box-sizing: border-box;
		padding-left: 34rpx;
		padding-top: 40rpx;
		padding-bottom: 30rpx;
		margin: auto;

		.text {
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #333333;
			line-height: 40rpx;
			text-align: left;
			font-style: normal;
		}

		.btn-wrapper {
			margin-top: 30rpx;

			width: 200rpx;
			line-height: 60rpx;
			height: 60rpx;
			background: #FF839E;
			border-radius: 30rpx;

			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #FFFFFF;
			// line-height: 40rpx;
			text-align: center;
			font-style: normal;
		}

	}

	.user-info {
		padding: 40rpx;
		padding-top: calc(var(--status-bar-height) + 128rpx);
		box-sizing: border-box;

		.head-img {
			width: 108rpx;
			height: 108rpx;
			border-radius: 50%;
			margin-right: 20rpx;
		}

		.name {
			font-size: 36rpx;
			font-weight: bold;
			color: #333333;
		}

		.company {
			font-size: 26rpx;
			color: #666666;
		}

		.yyxz {
			width: 152rpx;
			height: 54rpx;
			font-size: 36rpx;
			border: 2rpx solid #58B938;
			box-sizing: border-box;
			border-radius: 76rpx;
			font-size: 26rpx;
			color: #62BD44;
		}
	}

	.mask-disabled {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.status-contents {
		// height: calc(var(--status-bar-height) + 88px);
	}

	.cards-wrapper {
		.eshop-consult-tip-wrapper {

			width: 664rpx;
			// height: 361rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0, 0, 0, 0.1);
			border-radius: 16rpx;
			padding: 30rpx;
			box-sizing: border-box;
			margin: auto;

			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 26rpx;
			color: #999999;
			line-height: 37rpx;
			text-align: center;
			font-style: normal;


			.text-wrapper {
				display: flex;
				align-items: center;
				flex-direction: column;
				justify-content: center;

				.text {
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 26rpx;
					color: #999999;
					line-height: 37rpx;
					text-align: center;
					font-style: normal;
				}

				.gap {
					height: 20rpx;
				}
			}

			.btn-wrapper {
				width: 360rpx;
				height: 80rpx;
				background: #23BAAD;
				border-radius: 45rpx;

				display: flex;
				align-items: center;
				justify-content: center;

				margin: auto;
				margin-top: 20rpx;

				.img-box {
					width: 30rpx;
					height: 30rpx;

					.img {
						width: 100%;
						height: 100%;
					}

					margin-right: 12rpx;
				}

				.text {
					font-family: PingFang-SC, PingFang-SC;
					font-weight: 500;
					font-size: 30rpx;
					color: #FFFFFF;
					// line-height: 42rpx;
					text-align: justify;
					font-style: normal;
				}

			}



		}



	}

	.scroll-view-container {
		height: calc(100vh - (var(--status-bar-height) + 88px)- 300rpx);
	}

	.linkbtn-block {
		text-align: right;
		padding-right: 44rpx;
		font-size: 30rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #1A1B1F;
	}

	.title {
		width: 100%;
		position: fixed;
		top: var(--status-bar-height);
		font-size: 36rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #1A1B1F;
		z-index: 99;
		display: flex;
		justify-content: center;
		align-items: center;

		// position: relative;
	}

	.consult-page {
		background-size: 750rpx 640rpx;
		background-repeat: no-repeat;
		background-attachment: fixed;
		padding-bottom: 80rpx;
		max-width: 100vw;
		overflow-x: hidden;


		.header-info {
			display: flex;
			padding: 0 48rpx;
			padding-top: 48rpx;
			justify-content: space-between;
			align-items: center;

			.info-left-block {
				display: flex;
			}

			.info-right-block {
				font-size: 26rpx;
				height: 54rpx;
				width: 152rpx;
				text-align: center;
				line-height: 54rpx;
				border: 1px solid #62BD44;
				border-radius: 54rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #62BD44;
			}

			.avatar-container {
				width: 108rpx;
				height: 108rpx;
				border-radius: 50%;
			}

			.default-avatar-block {
				background-color: #AAAAAA;
			}

			.text-container {
				margin-top: 10rpx;
				margin-left: 26rpx;

				.name-block {
					font-size: 36rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
				}

				.sub-name-block {
					margin-top: 8rpx;
					font-size: 26rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #666666;
				}
			}
		}

		.card-list {
			// padding: 0 48rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			padding-top: 48rpx;
			height: calc(100vh - var(--status-bar-height) + 128rpx + 300rpx);
		}

		.card-empty-block {
			display: flex;
			align-items: center;
			flex-direction: column;

			.empty-block {
				margin-bottom: 86rpx;

				.empty-icon {
					width: 322rpx;
					height: 220rpx;
					margin-bottom: 50rpx;
				}

				.empty-text {
					text-align: center;
					font-size: 32rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
				}
			}

			.empty-btns {

				.btn-1 {
					width: 486rpx;
					height: 102rpx;
					text-align: center;
					line-height: 102rpx;
					font-size: 36rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					// border: 3rpx solid #58B938;
					box-sizing: border-box;
					border-radius: 102rpx;
				}

				.btn-2 {
					width: 486rpx;
					height: 102rpx;
					text-align: center;
					line-height: 102rpx;
					font-size: 36rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					border: 3rpx solid #58B938;
					box-sizing: border-box;
					border-radius: 102rpx;
				}

				.btn-1 {
					background-color: #FDF0A0;
					color: #A5781F;
					margin-bottom: 30rpx;
				}

				.btn-2 {
					background-color: #ffff;
					color: #58B938;
				}
			}
		}
	}

	.back-icon {
		width: 34rpx;
		height: 34rpx;
		position: absolute;
		left: 30rpx;
	}

	.code-btn-wrapper {
		margin-top: 50rpx;
		display: flex;
		flex-direction: column;
		align-items: center;

		.btn-w {
			width: 490rpx;
			height: 108rpx;
			background-color: #FF839E;

			text-align: center;
			border-radius: 102rpx;

			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 36rpx;
			color: #FFFFFF;
			line-height: 50rpx;
			text-align: left;
			font-style: normal;

			text-align: center;
			line-height: 108rpx;
		}

		.tip-text {
			margin-top: 30rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #666666;
			line-height: 40rpx;
			// text-align: left;
			text-align: center;
			font-style: normal;
		}
	}


	.offical-fixed {
		position: fixed;
		z-index: 9;
		bottom: 30rpx;
		left: 30rpx;
		right: 30rpx;

		.offical-card {
			padding: 18rpx 26rpx;
			width: 690rpx;
			height: 206rpx;
			background: #FFFFFF;
			box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.1);
			border-radius: 16rpx;

			.card-label {
				font-size: 20rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #AAAAAA;
				margin-bottom: 24rpx;
			}

			.card-content {
				display: flex;
				justify-content: space-between;
				align-items: center;

				.card-left {
					display: flex;
					align-items: center;

					.img {
						height: 108rpx;
						width: 108rpx;
					}

					.card-intro {
						margin-left: 24rpx;

						.name {
							margin-bottom: 8rpx;
							font-size: 30rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 600;
							color: #333333;
						}

						.intro {
							font-size: 22rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #666666;
						}
					}

				}

				.follow-btn {
					color: #58B938;
					border: 3rpx solid #58B938;
					font-size: 26rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #62BD44;
					width: 132rpx;
					height: 54rpx;
					line-height: 50rpx;
					box-sizing: border-box;
					text-align: center;
					border-radius: 54rpx;
				}
			}
		}
	}

	.consult-page-b {
		.user-info .yyxz {
			border-color: #2774B2 !important;
			color: #2774B2 !important;
		}

		.empty-block {
			margin-top: 180rpx !important;
		}

		.card-empty-block .empty-btns .btn-2 {
			color: #231895 !important;
			border-color: #1A128E !important;
		}


		.btn-3 {
			width: 490rpx;
			height: 108rpx;
			margin-bottom: 36rpx;
		}
	}
</style>